<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>测试DIV</title>
	</head>
	<body>
		<!--
		left:设置对象相对于文档层次中最近一个定位对象的左边界的位置。
		top:设置对象相对于文档层次中最近一个定位对象的上边界的位置。
		right:设置对象相对于文档层次中最近一个定位对象的右边界的位置。
		bottom:设置对象相对于文档层次中最近一个定位对象的下边界的位置。
		z-index:设置DIV的层叠顺序。数字越小，在最里层。
		还要说明的是用z-index属性时，position必需要指定为absolute才行。
		-->
		<div style="position:absolute; top:50px;left:50px; width:100px; height:100px;background-color:red;z-index:3;">
		</div>
		<div style="position:absolute; top:60px;left:60px; width:100px; height:100px; background-color:Blue;z-index:2;">
		</div>
		<div style="position:absolute; top:70px;left:70px; background-color:Silver;width:100px;height:100px;z-index:1;">
		</div>
	</body>
</html>
